/* .mobile-button {
  background-color: #409EFF;
  border-color: #409EFF;
  color: #fff;
  padding: 7px 15px 9px;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 1px;
  cursor: pointer;
}
.mobile-button:hover {
  background-color: #66b1ff;
  border-color: #66b1ff;
} */
.mobile-button {
  position: absolute;
  top: 5px;
  left: 100px;
}
.mobile-left {
  left: 0px;
}
.task-container{
  min-width:969px;
}
.tips {
  color: #c0c4cc;
}
.task-dialog >>> .el-dialog {
  height: calc(100vh - 132px);
  margin-bottom: 0px;
  overflow: auto;
}
.task-dialog-header {
  padding: 0 20px;
  margin-bottom: 20px;
}
.header-left {
  float: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 44px;
}
.header-right {
  float: right;
  clear: right;
}
.task-dialog-title {
  line-height: 44px;
  background-color: #f5f7fa;
  padding: 0 20px;
  margin-bottom: 20px;
}
.tab-list{
  margin-top:10px;
  /*padding-left:15px;*/
  position:relative;
}
.tab-list >>> .el-tabs__item{
  font-weight:700;
}
.tab-list >>> .el-tabs__item.is-active{
  color:#4d4d4d;
}
.add-btn{
  position:absolute;
  left:414px;
  top:2px;
  width:80px;
  height:32px;
  line-height:7px;
  z-index: 1;
}
.badge-style{
  position:absolute;
  left:37px;
	top:-4px;
}
.task-left{
  display: inline-block;
  width:30.6%;
  float:left;
  max-height:calc(100vh - 225px);
  overflow: auto;
	min-width:450px;
	padding-top:15px;
}
.task-right{
  display: inline-block;
  width:67%;
  max-width:calc(100% - 472px);
  border:1px solid #dfe6ec;
  background:#fafafa;
  float:right;
  margin-left:20px;
  margin-top:15px;
}
.task-right .task-right-header{
  height:72px;
  border-bottom:2px solid #e4e7ed;
  line-height:72px;
  font-size:14px;
}
.task-right .task-right-header span{
  display: inline-block;
  width:27.5%;
  min-width:252px;
  color:#909399;
  margin-left:30px;
  /* margin-right:135px;*/
}
.header-btn{
  width:80px;
  height:32px;
  line-height:7px;
  margin-right:15px;
}
.task-right .task-right-content{
  padding:0;
  overflow-x:auto;
	max-height:calc(100vh - 305px);
	overflow-y: auto;
}
.task-right-content .right-content-container{
  min-width: 930px;
  padding:30px 28px;
}
.el-dialog__wrapper.task-dialog >>> .el-dialog__body {
  padding: 0px;
}
.el-dialog__wrapper.task-dialog >>> .el-textarea__inner {
  font-family: 'microsoft yahei';
  width: 100%;
}
.el-select {
  width: 100%;
}
.el-input {
  width: 100%;
}
.el-dialog__wrapper.task-dialog >>> .el-input__inner {
  width: 100%;
}
.el-dialog__wrapper.task-dialog >>> .el-dialog {
  /*margin-right: 0px;*/
}
.el-dialog__wrapper.task-dialog >>> .el-upload__tip {
  color: #c0c4cc;
}
.transfer-dialog >>> .el-dialog{
  border-radius:5px;
}
.transfer-dialog >>> .el-form-item__label{
  text-align: left;
}
.transfer-dialog >>> .el-dialog__body{
  padding-bottom:0;
}
.transfer-dialog >>> .el-button{
  width:80px;
  height:32px;
  line-height:6px;
  margin-left:20px;
}
.tab-list >>> .el-loading-spinner{
  margin-top:150px;
}
.task-left::-webkit-scrollbar {
  width:0px;
  height:0px;
}
/*.task-right .task-right-content::-webkit-scrollbar {
	width:0px;
	height:0px;
	background-color: transparent;
}*/
.task-right .task-right-content >>> .el-scrollbar__wrap{
	overflow-x: hidden;
	overflow-y:auto;
}
.task-left >>> .el-scrollbar__wrap{
	overflow-x: hidden;
	overflow-y:scroll;
}
.task-dialog >>> .el-textarea__inner{
	height:84px;
}
.scroll-height{
	height:calc(100vh - 305px)!important;
}
.scroll-height-left{
	height:calc(100vh - 225px)!important;
}

